<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM操作</title>
</head>
<body>
<!-- 利用html代码方式插入图片 <img src="img/money.jpg" width="132">-->

<!-- 利用DOM操作引入图片 -->
<!-- 1.设置点击事件 每点击一次按钮便会调用一次addMoney()方法 -->
    <button onClick="addMoney()">发财按钮</button>
<script>
    // 2.创建一个addMoney()方法
    function addMoney () {
        // 3.创建一个空的img元素
        let imgE = document.createElement('img');// <img>
        // 4.设置img元素的src属性 并调整样式
        imgE.src = 'img/money.jpg';// <img src="img/money.jpg">
        imgE.width = 200;// <img src="img/money.jpg" width="200">
        // 5.将准备好的img元素添加到body元素中 即将img添加到html文件的正文部分
        document.body.append(imgE);// <body><img src="img/money.jpg" width="132"></body>
    }
</script>
</body>
</html>